<template>
    <el-page-header @back="goBack">
      <template #content>
        <div
          class="flex items-center"
          style="display: flex; align-items: center; margin-bottom: 5px"
        >
          <Icon size="20" name="fa fa-user-circle-o" class="mr-3" />
          <span class="text-large font-600 mr-3"
            >售后人员名称 {{ staff.single.name }}
          </span>
        </div>
      </template>
      <!-- <template #extra>
                    <div class="flex items-center">
                        <el-button>Print</el-button>
                        <el-button type="primary" class="ml-2">Edit</el-button>
                    </div>
                </template> -->
    </el-page-header>
  </template>
  <script lang="ts" setup>
  import { ref, onUnmounted, onMounted, inject, toRaw } from "vue";
  import { useRouter, useRoute } from "vue-router";
  
  const router = useRouter();
  const route = useRoute();
  const staff = inject("staff") as any;
  
  //后退
  const goBack = () => {
    router.back();
  };
  onMounted(() => {});
  
  </script>
  <style lang="scss" scoped>
  .mr-3 {
    margin-right: 5px;
  }
  </style>
  